<!-- 关注首页 -->
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../common/taglib.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>关注首页</title>
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jsp:include page="../common/base.jsp"></jsp:include>
<script src="${basePath}/resource/js/common/base.js"></script>
<script src="${basePath}/resource/js/common/init.js"></script>
<link href="${basePath}/resource/css/bootstrap.min.css" rel="stylesheet" >
<link href="${basePath}/resource/css/bootstrap-modal.css" rel="stylesheet" type="text/css" />
<link href="${basePath}/resource/css/joywindow.bootstrap.css" rel="stylesheet" type="text/css" />
<link href="${basePath}/resource/css/weathers.css" rel="stylesheet">

</head>
<body style="font-family: 微软雅黑;">
<body>
	<div class="containers">
		<header class="header hide">
		<div class="hd">
			<div class="hd-left pull-left">
				<span class="hd-left-span">连豆豆</span> <em>[在线]</em>
			</div>
			<div class="hd-right pull-right">
				<div class="right-img">
					<img src="${basePath}/resource/images/iconfont-roundadd.png" alt=""> 
					<img src="${basePath}/resource/images/iconfont-search.png" alt=""> 
					<img src="${basePath}/resource/images/iconfont-moreandroid.png" alt="">
				</div>
			</div>
		</div>
		</header>

		<section class="body"> <!-- 天气 -->
		<div class="weathers">
			<div class="weath-top">
				<p class="top-left pull-left font-size-16">
					<img src="${basePath}/resource/images/iconfont-location.png" width="20px" /> 
					<span id="cityName">城市</span> 
					<input type="text" class="form-control hide" id="autocompleteInput000" size="20" style="display: inline; width: 100px">
				</p>
				<div class="top-center pull-left">
					<div class="top-center pull-left "
						style="vertical-align: middle; display: inline table-cell;">
						<span class="temperature-small font-size-12" id="curTemperatueSmall"></span>
						 <img width="25" style="margin-top: -4px" id="weatherIconSmall" src="" alt="">

						<span class="font-size-16"></span> 
						<span id="aqiSmall" class="font-size-16"></span> 
						<span id="curWeatherSmall" class="font-size-16"></span>
						<span id="tempRegionSmall" class="font-size-16"></span>

					</div>
					<div class="top-center pull-right" style="vertical-align: middle; display: inline table-cell;">
					</div>
				</div>
				<img src="${basePath}/resource/images/iconfont-fold.png" id="fold" class="top-right pull-right"></img>
			</div>

			<div id="weath-bd">
				<div class="weath-center">
					<div class="center-left pull-left">
						<span class="temperature" id="curTemperatue">0</span> 
						<img id="weatherIcon" width="50" style="margin-top: -20px" src="${basePath}/resource/images/1x1.gif" alt="">
					</div>
					<div class="center-right pull-right">
						<div>
							<span id="curWeather" class="font-size-16"></span> 
						</div>
						<div>
							<span class="font-size-16">能见度: </span> 
							<span id="aqi" class="font-size-16"></span>
						</div>
					</div>
				</div>
				<div class="weath-bottom">
					<div class="bottom-left pull-left">
						<span class="font-size-16">明天</span> 
						<span id="tempRegion_tomorrow" class="font-size-16">0</span> 
						<span id="type_tomorrow">
							<img width="30"  style="margin-top: -5px;" src="" alt="">
						</span>
					</div>
					<div class="bottom-right pull-right">
						<span class="font-size-16">后天</span>
						<span id="tempRegion_aflterTomorrow" class="font-size-16">0</span>
					    <span id="type_aflterTomorrow">
					    	<img width="30" style="margin-top: -5px;" src="" alt="">
					    </span>
					</div>
				</div>
			</div>
		</div> 
		
		

		<!-- 分享 -->
		<div class="share">
			<div class="share-title">分享</div>
			<div class="share-bd text-center">
				<ul class="shareList" id="shareList">
					<li class="shareImg">
						<img src="${basePath}/resource/images/1x1.png" alt="">
					</li>
					<li class="shareImg">
						<img src="${basePath}/resource/images/1x1.png" alt="">
					</li>
					<li class="shareImg">
						<img src="${basePath}/resource/images/1x1.png" alt="">
					</li>
					<li class="shareImg">
						<img src="${basePath}/resource/images/1x1.png" alt="">
					</li>
				</ul>
			</div>
		</div>

		<!-- 知名度 -->
		<div class="news hide">
			<div class="news-title">我的知名度</div>
			<div class="news-bd">
				<div class="news-bd-lt pull-left">
					<div class="news-lt-focus">
						<h4 class="focus-title">关注指数</h4>
						<div class="focus-bd">
							<span class="focus-lv pull-left">LV</span>
							<span class="focus-index pull-right">398</span>
						</div>
					</div>
					<div class="news-lt-set">
						<div class="set-db">
							<img src="${basePath}/resource/images/iconfont-settings.png" alt="">
							<span class="pull-right">设置</span>
						</div>
					</div>
				</div>
				<div class="news-bd-rg pull-right">
					改革开放以来，人民的生活水平稳步提高，中国已经进入中等收入国家行列，“减肥”、“保健”已经成为很多人的重要课题；“缺粮”、“饭碗”等词已经被绝大数中国人从生活词典中删除、从记忆中忘却，那流传几千年的中国特色问候语“吃了吗？”也许只能留作“申遗”时再用了。但是，习近平总书记却反复强调“粮食”和“饭碗”问题，这是为何？请随“学习中国”小编一探究竟。
				</div>
			</div>
		</div>

		<!-- 收藏 -->
		<div class="collection">
			<div class="collection-title">导航</div>
			<div class="collection-bd">
				<ul id="colleList">
					<li id="btnAdd">
						<div class="collec-top">
							<img src="${basePath}/resource/images/iconfont-add.png" class="bg" alt="" data-toggle="tooltip" data-placement="left" title="点击可以添加">
						</div>
						<div class="collec-bottom">添加</div>
					</li>
					<li id="btnDelete">
						<div class="collec-top">
							<img src="${basePath}/resource/images/iconfont-xx.png" class="bg" alt="" data-toggle="tooltip" data-placement="left" title="点击此按钮，然后点击要删除的红叉图标">
						</div>
						<div class="collec-bottom">删除</div>
					</li>
				</ul>
			</div>
		</div>

		<!-- 添加导航对话框 -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<p>添加导航</p>
					</div>
					<div class="modal-body">
						<form>
							<div class="form-group">
								<label for="txtTitle" class="control-label">标题:</label> <input
									type="text" class="form-control" id="txtTitle"
									placeholder="请输入标题（不能为空）"> <a rel="nofollow" href="#"
									class="tooltip-hide tooltip-warn" data-toggle="tooltip"
									id="tpTitle" data-placement="right" data-delay="500"
									title="请输入标题"></a>

							</div>
							<div class="form-group">
								<label for="txtUrl" class="control-label">网址(URL地址):</label> <input
									type="text" class="form-control" id="txtUrl"
									placeholder="请输入有效网址（不能为空）">
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<span class="alert alert-warning hide"> <a href="#"
							class="close" data-dismiss="alert"> &times; </a> <span
							id="lblCollectDialogInfo"></span>
						</span>

						<button type="button" id="btnSave" class="btn btn-primary">保存</button>
					</div>
				</div>
			</div>
		</div>
		<div class="collec-bottom" id="aaa">添加</div>
		<!-- 设置城市对话框 -->
		<div class="modal fade" id="myModalCity" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<p>设置城市</p>
					</div>
					<div class="modal-body">
						<form>
							<div class="form-group">
								<label for="txtTitle" class="control-label">城市或地区:</label> <input
									type="text" class="form-control" id="autocompleteInput">
							</div>
							<div class="form-group">
								<label for="txtUrl2" class="control-label hide">其他:</label> <input
									type="text" class="form-control hide" id="txtUrl2">
								<button type="button" id="btnGetGpsCity" class="btn btn-sm">由GPS获取位置</button>
								<span class="text-info warning" id="lblGpsInfo"></span>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" id="btnSaveCity" class="btn btn-primary">确定</button>
					</div>
				</div>
			</div>
		</div>

		<!-- 确认对话框 -->
		<div class="modal fade confirm_modal" id="confirm_modal_chinese">
			<div class="modal-body inner"></div>
			<div class="modal-footer">
				<a class="btn cancel" href="#" data-dismiss="modal">取消</a> <a
					href="#" class="btn btn-danger" data-action="1">确定</a>
			</div>
		</div>

		<!-- 警告框 -->
		<div id="myModalAlert" class="modal hide fade" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h3 id="myModalAlertTitle">提示标题</h3>
			</div>
			<div class="modal-body">
				<p id="myModalAlertContent">提示内容！</p>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
		</section>
	</div>
	
	<script type="text/javascript" src="${basePath}/resource/js/vendor/bootstrap.min.js"></script>
	<script type="text/javascript" src="${basePath}/resource/js/vendor/bootstrap.autocomplete.js"></script>
	<script type="text/javascript" src="${basePath}/resource/js/vendor/bootstrap-typeahead-new.js"></script>
	<script type="text/javascript" src="${basePath}/resource/js/vendor/bootstrap-modalmanager.js"></script>
	<script type="text/javascript" src="${basePath}/resource/js/vendor/bootstrap-modal.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/vendor/modal.manager.plugin1.0.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/vendor/jshow.utils.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/vendor/sco.modal.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/vendor/sco.confirm.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/common/city.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/common/gps.js"></script>
	<script type="text/javascript"
		src="${basePath}/resource/js/weathers.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=E4805d16520de693a3fe707cdc962045"></script>
</body>

<script type="text/javascript">

vrv.gps.init(function(o) {
	
	vrv.weather.view.setWeatherData(o.name);

});

$("#aaa").click(function(){
	var action = "getSharePhoto.do";
	var data = {};
	base.AJAX_POST(action, data, 'json', function(data) {
		if (data.rCode == 10000) {
			base.getAction("index.do");
		} 
	});
	
});

</script>
</html>
